<%
Dim Blank,Solid,Border,Checkered,CheBorder
Blank = fnPattern(0,"blank.png","","")
Solid = fnPattern(1,"diamond_graph.gif","","")
Border = fnPattern(2,"diamond_graph.gif","diamond_alloy.gif","")
Checkered = fnPattern(3,"diamond_graph.gif","","diamond_alloy.gif")
CheBorder = fnPattern(4,"diamond_graph.gif","diamond_red.gif","diamond_alloy.gif")

%>
<form method="POST" action="?step=3">
  <input type="hidden" name="layout" value="<%=GetVars("layout","POST")%>" />
  <input type="hidden" name="w1a" value="<%=GetVars("w1a","POST")%>" />
  <input type="hidden" name="w1ai" value="<%=GetVars("w1ai","POST")%>" />
  <input type="hidden" name="h1a" value="<%=GetVars("h1a","POST")%>" />
  <input type="hidden" name="h1ai" value="<%=GetVars("h1ai","POST")%>" />

  <input type="hidden" name="w2a" value="<%=GetVars("w2a","POST")%>" />
  <input type="hidden" name="w2ai" value="<%=GetVars("w2ai","POST")%>" />
  <input type="hidden" name="h2a" value="<%=GetVars("h2a","POST")%>" />
  <input type="hidden" name="h2ai" value="<%=GetVars("h2ai","POST")%>" />

  <input type="hidden" name="w2b" value="<%=GetVars("w2b","POST")%>" />
  <input type="hidden" name="w2bi" value="<%=GetVars("w2bi","POST")%>" />
  <input type="hidden" name="h2b" value="<%=GetVars("h2b","POST")%>" />
  <input type="hidden" name="h2bi" value="<%=GetVars("h2bi","POST")%>" />

  <input type="hidden" id="fill" name="fill" value="blank.png" />
  <input type="hidden" id="border" name="border" value="" />
  <input type="hidden" id="checkered" name="checkered" value="" />

  <table>
    <tr>
      <td colspan="5"><h2 class="step-title">第二步：选择你的地砖图案</h2></td>
    </tr>
    <tr>
      <td colspan="5"><p>Floor Pattern : Choose a common Floor Pattern to begin with. You'll be able to customize your design further on the next step. </p></td>
    </tr>
    <tr>
      <td width="20%" valign="top" align="center">
      <table>
        <tr>
          <td align="center">
          <label for="Pattern0">
            <input id="Pattern0" onclick="fdSetPatternData(this.id,'','')" name="pattern" value="Blank" type="radio">
            <br>空白
          </label>
          </td>
        </tr>
        <tr>
          <td align="left"><%=Blank%></td>
        </tr>
      </table>
      </td>
      <td width="20%" valign="top" align="center">
      <table>
        <tr>
          <td align="center">
          <label for="Pattern1">
            <input id="Pattern1" onclick="fdSetPatternData(this.id,'','')" name="pattern" value="Solid" checked type="radio">
            <br>单色
          </label>
          </td>
        </tr>
        <tr>
          <td align="left"><%=Solid%></td>
        </tr>
      </table>
      <table>
        <tr>
          <td align="center">
          <table>
            <tr>
              <td align="right">填充:</td>
              <td align="left" width="67%"><%=fnSelect(1,"fill")%></td>
            </tr>
            <tr>
              <td align="right">颜色:</td>
              <td align="left"><%=fnColors(1,"fill")%></td>
            </tr>
          </table>
          </td>
        </tr>
      </table>
      </td>
      <td width="20%" valign="top" align="center">
      <table>
        <tr>
          <td align="center">
          <label for="Pattern2">
            <input id="Pattern2" onclick="fdSetPatternData(this.id,'','')" name="pattern" value="Border" type="radio">
            <br>边线
          </label>
          </td>
        </tr>
        <tr>
          <td align="left"><%=Border%></td>
        </tr>
      </table>
      <table>
        <tr>
          <td>
          <table>
            <tr>
              <td align="right">填充:</td>
              <td align="left" width="67%"><%=fnSelect(2,"fill")%></td>
            </tr>
            <tr>
              <td align="right">颜色:</td>
              <td align="left"><%=fnColors(2,"fill")%></td>
            </tr>
            <tr>
              <td align="right">边框:</td>
              <td align="left"><%=fnSelect(2,"border")%></td>
            </tr>
            <tr>
              <td align="right">颜色:</td>
              <td align="left"><%=fnColors(2,"border")%></td>
            </tr>
          </table>
          </td>
        </tr>
      </table>
      </td>
      <td width="20%" valign="top" align="center">
      <table>
        <tr>
          <td align="center">
          <label for="Pattern3">
            <input id="Pattern3" onclick="fdSetPatternData(this.id,'','')" name="pattern" value="Checker" type="radio">
            <br>棋盘
          </label>
        </td>
        </tr>
        <tr>
          <td align="left"><%=Checkered%></td>
        </tr>
      </table>
      <table>
        <tr>
          <td align="center">
          <table>
            <tr>
              <td align="right">填充:</td>
              <td align="left" width="67%"><%=fnSelect(3,"fill")%></td>
            </tr>
            <tr>
              <td align="right">颜色:</td>
              <td align="left"><%=fnColors(3,"fill")%></td>
            </tr>
            <tr>
              <td align="right">填充:</td>
              <td align="left"><%=fnSelect(3,"checkered")%></td>
            </tr>
            <tr>
              <td align="right">颜色:</td>
              <td align="left"><%=fnColors(3,"checkered")%></td>
            </tr>
            </table>
          </td>
        </tr>
      </table>
      </td>
      <td width="20%" valign="top" align="center">
      <table>
        <tr>
          <td align="center">
          <label for="Pattern4">
            <input id="Pattern4" onclick="fdSetPatternData(this.id,'','')" name="pattern" value="CheckerBorder" type="radio">
            <br>棋盘+边线
          </label>
          </td>
        </tr>
        <tr>
          <td align="left"><%=CheBorder%></td>
        </tr>
      </table>
      <table>
        <tr>
          <td align="center">
          <table>
            <tr>
              <td align="right">填充:</td>
              <td align="left" width="67%"><%=fnSelect(4,"fill")%></td>
            </tr>
            <tr>
              <td align="right">颜色:</td>
              <td align="left"><%=fnColors(4,"fill")%></td>
            </tr>
            <tr>
              <td align="right">填充:</td>
              <td align="left"><%=fnSelect(4,"checkered")%></td>
            </tr>
            <tr>
              <td align="right">颜色:</td>
              <td align="left"><%=fnColors(4,"checkered")%></td>
            </tr>
            <tr>
              <td align="right">边框:</td>
              <td align="left"><%=fnSelect(4,"border")%></td>
            </tr>
            <tr>
              <td align="right">颜色:</td>
              <td align="left"><%=fnColors(4,"border")%></td>
            </tr>
          </table>
          </td>
        </tr>
      </table>
      </td>
    </tr>
    <tr>
      <td colspan="5">
      <div align="center">
        <h4>下一步：细节编辑</h4>
        <input type="submit" name="submit" id="submit" value="继续 »" />
      </div>
      </td>
    </tr>
  </table>
</form>